<!DOCTYPE html>
<head>
    <style>
        div{
            background-color: rgb(255,100,200);
            width: 100px;
            height: 100px;

            padding: 10px 10px;
            /* 使用padding-方位词来进行某一方向上的腾空*/
            margin: 100px;
            /*Go for the goal 전부 비켜 줘 yo*/
            
            /*使用border相关属性来控制边框*/
            border: 10px;
            border-color: aqua;
            /*使用raius让边角进行软化！！！！终于有用了
            还差一个渐变色以及一些动态花里呼哨的效果*/
            border-radius: 10%;

            border-style:dotted;
            /*border-style还挺有意思*/
            
            text-align: center;
            text-decoration: underline;
            font-weight: 900;
        }
        
        table{
            width:500px;
            height:500px;
            background-color:gray;

            /*对类名为image-box的元素进行样式赋值操作*/
        }
    </style>
</head>
<body>
    <div>Julius</div>

    <table>
        <tr><p class="image-box">这是一个什么技术人员开发出来的软件</p></tr>
        <tr><p class="image-box">居然有人想要7天学完前端????</p></tr>
        <tr><p> 这种情况经常出现，我已经习惯了,困了人需要休息</p></tr>
        
    </table>
</body> 